.details main .margin .presidentList .detailsContent {
	width: 100%;
	height: auto;
	}
	.details main .margin .presidentList .detailsContent .contentName {
	width: 100%;
	font-size: 30px;
	line-height: 80px;
	text-align: center;
	color: rgba(30, 30, 30,1);
	}
	.details main .margin .presidentList .detailsContent .detailsTime {
		font-size: 12px;
		color: #999999;
		line-height: 32px;
		width: 90%;
		margin: auto;
	}
	.details main .margin .presidentList .detailsContent .Abstract {
	margin: auto;
	margin: 20px  auto;
	border: 1px solid #cccccc;
	height: auto;
	font-size: 12px;
	color: #999999;
	line-height: 24px;
	}
	.details main .margin .presidentList .detailsContent .contentjian {
		height: 60px;
		line-height: 60px;
		background: #cccccc;
		padding-left: 20px;
		font-size: 16px;
		color: azure;
	}
	.details main .margin .presidentList .detailsContent .charactersIntro .charsctersContent {
		line-height: 32px;
		font-size: 14px;
		color: #656565;
		text-indent: 20px;
		width: 100%;
		line-height: 32px;
		font-size: 14px;
		color: #656565;
    }
    .details main {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
    }
    @media only screen and (min-width: 1200px) {
        .details main .margin {
            width: 1200px;
            height: auto;
        }
        .details main .margin .presidentTitle {
            width: 100%;
            height: 40px;
            line-height: 20px;
            background: url(../picture/download.jpg)no-repeat;
            margin-top: 20px;
            font-size: 20px;
            color: #1288ca;
            text-indent: 30px;
            vertical-align: middle;
        }
        .details main .margin .presidentList .detailsContent .charactersIntro {
            width: 100%;
            height: auto;
            margin-bottom: 30px;
            }
            .details main .margin .presidentList .detailsContent .charactersIntro .img {
                width: 280px;
                height: 350px;
                float: left;
                clear: both;
            }
            .details main .margin .presidentList .detailsContent .charactersIntro .img img {
                display: inline-block;
                width: 278px;
                height: 345px;
                margin: auto;
            }
    }
    @media only screen and (max-width: 1200px){
        .details main .margin {
            width: 100%;
            height: auto;
        }
        .details main .margin .presidentTitle {
            width: 100%;
            height: 40px;
            line-height: 20px;
            background: url(../picture/download.jpg)no-repeat;
            margin-top: 20px;
            font-size: 20px;
            color: #1288ca;
            text-indent: 30px;
            vertical-align: middle;
            }
        .details main .margin .presidentList .detailsContent .charactersIntro img {
            display: inline-block;
            width: 90%;
            height: auto;
            margin: auto 5%;
        }
        .details main .margin .presidentList .detailsContent .Abstract {
            width: 90%;
            margin: auto;
            margin-bottom: 20px;
        }
        .details main .margin .presidentList .detailsContent .charactersIntro .charsctersContent{
            width: 90%;
            margin: auto;
            margin-bottom: 20px;
        }
    }